<template>
  <lay-card class="error-page">
    <lay-exception
      status="401"
      title="401"
      describe="抱歉，你无权访问该"
    >
      <template #extra>
        <lay-button>刷新</lay-button>
        <lay-button type="primary" @click="back">返回</lay-button>
      </template>
    </lay-exception>
  </lay-card>
</template>

<script lang="ts">
import { useRouter } from "vue-router";
import { defineComponent, reactive, ref } from "vue";
export default defineComponent({
  setup() {
    const router = useRouter();
    const back = () => {
      console.log('useRouter');
      
      router.go(-1)
    }
    return {
      back,
    }
  }
})
</script>
<style>
.error-page {
  padding-top: 200px;
  padding-bottom: 200px;
  margin: 10px;
}
</style>
